<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>千千万能工具箱-捐赠页面</title>
	</head>
	<body>
		<div id="app">

		  <div class="donation-page">
		    <h2>捐赠页面</h2>
		<p>您的支持是我们最大的动力，更是网站坚持下去的信念！</p>
		
		    <img src="../img/aadd36e49d387bb416e00a9ec2b5dfb.jpg" alt="支付宝收款码" width="400" height="600"></el-image>
		
		    
		    <img src="../img/b1909deb79356c65aecc03297cb8b55.jpg" alt="微信收款码" width="450" height="600"></el-image>
		
		    <h2>已有的捐赠人-显示捐赠昵称</h2>
		    <ul v-for="donor in donors">
		      <li  :key="donor.id">【昵称】{{ donor.name }} 【备注】{{donor.remark}}【金额】 {{ donor.amount }}【捐赠次数】{{ donor.amountCount}}</li>
		    </ul>
		    
		    <div class="thank-you-message">
		      <p>非常感谢所有慷慨捐赠的朋友们！您的支持使我们能够继续推动有意义的事。</p>
		      <p>无论捐赠金额多少，每一份善意都将汇聚成希望的力量，共同改变世界。</p>
		      <p>再次衷心感谢您对我们网站的支持和捐赠！</p>
		    </div>
		  </div>
	

	
		</div>
		
	</body>
	<style >
	.donation-page {
	  text-align: center;
	}
	
	ul {
	  list-style: none;
	  padding: 0;
	}
	
	.thank-you-message {
	  margin-top: 30px;
	  font-size: 16px;
	  line-height: 1.5;
	  color: #666;
	}
	</style>	
	<link rel="stylesheet" href="../js/element2.4.7/index.css" />
	<script src="../js/vue2.6.11/vue.js"></script>
	<script src="../js/element2.4.7/index.js"></script>
	<script src="../js/jquery.min.js"></script>
	<script>
		const baseUrl = "https://api.lqcpws.cn"
		// var iframe = window.frames['mind'];
		
		const app = new Vue({
			el:'#app',
		data:{
		
				donors: [
					{ id: 3, name: '九色鹿',remark:"give a coffee", amount: '96元' ,amountCount:2},
					{ id: 2, name: '*Y',remark:"X天的第一杯奶茶", amount: '20元', amountCount:1},
				  { id: 1, name: 'IT-迁哥',remark:"用于网站所有开支", amount: '* 元',amountCount:'*' },
				   

				],
			
		},
		methods:{
			
			  requestCount() {
			  	// let ys=	LZString.compressToBase64(JSON.stringify(nes.toJSON()))
			  	// 	console.log(JSON.parse(LZString.decompressFromBase64(ys)))
			  	let _this = this
			  	$.ajax({
			  		type: 'get',
			  		url: baseUrl + "/pc/requestCountByDay",
			  		success: function(res) {
			  
			  
			  		}
			  
			  
			  	})
			  
			  }
		},
		mounted(){

			   this.requestCount()
			   
		}
		});
			
		
	</script>
</html>